<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragment/Headfragment::Headfragment"></head>
<body>
<!-- navbar-->
<header th:replace="fragment/PageHeadfragment::PageHeadfragment"></header>
<div class="d-flex align-items-stretch">
    <div th:replace="fragment/Navigationfragment::Navigationfragment"></div>
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-5">
                <div class="row">
                    <!-- Basic Form-->

                    <!-- Form Elements -->
                    <div class="col-lg-12 mb-5">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="h6 text-uppercase mb-0">新建连接</h3>
                            </div>
                            <div class="card-body">
                                <form class="form-horizontal" action="user/dblink" method="post" >
                                    <div class="form-group row">
                                        <label class="col-md-3 form-control-label" >端口地址</label>
                                        <div class="col-md-9">
                                            <input type="text" name="Address" class="form-control" value="localhost:3306">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-3 form-control-label">数据库类型</label>
                                        <div class="col-md-9 select mb-3">
                                            <select name="DataBaseType" class="form-control">
                                                <option value="MySQL">MySQL</option>
                                                <option value="SQL Server">SQL Server</option>
                                                </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-3 form-control-label">用户名</label>
                                        <div class="col-md-9">
                                            <input type="text" name="user" class="form-control" value="lidelong" >
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-md-3 form-control-label">密码</label>
                                        <div class="col-md-9">
                                            <input type="password" name="password" class="form-control" value="lidelong.COMEON">
                                        </div>
                                    </div>
                                    <div>
                                        <input id="option" type="checkbox" value="">
                                        <label for="option">保存密码</label>
                                        <p style="color: #dc3545" th:text="${session.link_msg}"></p>
                                    </div>
                                    <!--<div class="invalid-feedback ml-3" th:text="${session.link_msg}" th:if="${not #strings.isEmpty(session.link_msg)}"></div>-->


                                    <div class="line"></div>
                                    <div class="form-group row">
                                        <div class="col-md-9 ml-auto">
                                            <button type="submit" class="btn btn-primary">确定</button>
                                            <button type="reset" class="btn btn-secondary">取消</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <footer class="footer bg-white shadow align-self-end py-3 px-xl-5 w-100">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6 text-center text-md-left text-primary">
                        <p class="mb-2 mb-md-0">Your company &copy; 2018-2020</p>
                    </div>
                    <div class="col-md-6 text-center text-md-right text-gray-400">
                        <p class="mb-0">Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        <!-- Please do not remove the backlink to us unless you support further theme's development at https://bootstrapious.com/donate. It is part of the license conditions. Thank you for understanding :)-->
                    </div>
                </div>
            </div>
        </footer>
    </div>
</div>
<!-- JavaScript files-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/popper.js/umd/popper.min.js"> </script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="vendor/chart.js/Chart.min.js"></script>
<script src="js/js.cookie.min.js"></script>
<script src="js/front.js"></script>
</body>
</html>